{% extends "layout.html" %}
{% block body %}
<div class="page-header">
          <h1>Music</h1>
        </div>
        <div class="row">
          <div class="span10">

    <div class=post>
        <p>
            <h2>Originals</h2>
            <iframe width="100%" height="450" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1124707&amp;auto_play=false&amp;show_artwork=true&amp;color=08bdff"></iframe>
        </p>
    </div>
    <div class=post>
        <p>
            <h2>Mixes</h2>
            <iframe width="100%" height="450" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F960308&amp;auto_play=false&amp;show_artwork=true&amp;color=08bdff"></iframe>
        </p>
    </div>
    <div class=post>
        <p>
            <h2>Moombahton</h2>
            <iframe width="100%" height="450" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F960297&amp;auto_play=false&amp;show_artwork=true&amp;color=08bdff"></iframe>
        </p>
    </div>
{% endblock %}
